header{
  .bottom{
    .container{
      dl{
        dd{display:none;}
      }
    }
  }
}
section{
  padding:26px 0;width:1200px;margin:0 auto;
  .sidenav{
    float:left;width:188px;padding-left:40px;
    h2{font-size:18px;color:#000;margin-bottom:6px;}
    .mecenter{
      margin-bottom:26px;
      ul{
        font-size:14px;line-height:24px;color:#686767;
        li{
          &>a{font-size:14px;line-height:24px;color:#686767;}
          span{
            margin-left:32px;color:#bbb;
            a{font-size:14px;color:#bbb;}
          }
        }
      }
    }
    .mefengling{
      h2{font-size:18px;color:#000;margin-bottom:6px;}
      ul{
        font-size:14px;line-height:24px;color:#686767;
        li{
          &>a{font-size:14px;line-height:24px;color:#686767;}
          ol{
            margin-left:18px;
          }
          &.current{
            &>a{color:#ff9b94;}
          }
        }
      }
    }
  }
  .myorder{
    float:right;width:970px;border-left:2px solid #b5b5b5;
    .search{
      background:#f5f7f6;margin-left:30px;width:940px;
      span{
        font-size:14px;
        float:left;display:inline-block;line-height:44px;margin-left:8px;
      }
      form{
        float:right;position:relative;padding:8px 0;
        &>input{
          width:204px;line-height:26px;border:1px solid #b5b5b5;
          margin-right:48px;padding:0 52px 0 8px ;
        }
        label{
          display:block;width:26px;height:16px;position:absolute;
          right:68px;top:14px;cursor:pointer;
          background:url('../img/order_search_icon.png') no-repeat;
          input{display:none;}
        }
      }
    }
    .ordercate{
      margin-left:30px;width:940px;
      &>span{float:left;line-height:50px;font-size:14px;margin-left:8px;color:#ff0000;}
      ol{
        float:left;margin-left:50px;
        li{
          float:left;width:88px;text-align:left;
          a{
            line-height:50px;font-size:14px;
            span{
              color:#ff0000;
              i{ color:#ff0000;}
            }
          }
          &.wait{
            margin-left:34px;
          }
        }
      }
      ul{
        float:left;text-align:center;
        li{
          float:left;width:164px;padding:18px 0;
          a{
            display:block;font-size:14px;line-height:14px;
          }
          &.common{
            a{border-left:1px solid #aaa;border-right:1px solid #aaa;}
          }
        }
      }
    }
    table{
      margin-left:30px;width:940px;text-align:left;
      tr{
        font-size:12px;
        th{
          font-size:14px;font-weight:normal;
          &.state{
            color:#000;
          }
        }
        line-height:28px;
        &.bgcolor{
          background:#f5f7f6;
        }
        &.space{
          height:26px;
        }
        .date{
          width:310px;font-size:14px;padding-left:8px;
        }
        .detail{
          width:180px; font-size:14px;
        }
        .consig{
          width:130px;
        }
        .money{
          width:130px;
          i{font-size:12px;}
        }
        .state{
          width:104px;
          color:#ababab;
        }
        .oper{
          width:84px;text-align:center;position:relative;
          .nextstep{
            position:absolute;width:84px;line-height:24px;
            color:#fff;background:#ff9b94;left:0;top:18px;
          }
          .sign{background:#ababab;}
        }
        .pic{
          width:114px;
          a{
            display:block;width:70px;margin:18px auto;
            img{width:70px;height:70px;}
          }
        }
        .mark{
          color:#ff0000;
        }
      }
    }
    .page{
      width:348px;margin-left:622px;
      a{
        width:42px;height:42px;border:1px solid #b5b5b5;float:left;
        margin:0 3px;
        &.pre{position:relative;}
        &.pre:after{
          content:'';width:0;height:0;display:block;
          border:8px solid transparent;border-right-color:#000;
          position:absolute;
          left:20%;top:50%;margin-top:-8px;
        }
        &.next{position:relative;margin-right:0}
        &.next:after{
          content:'';width:0;height:0;display:block;
          border:8px solid transparent;border-left-color:#000;
          position:absolute;
          right:20%;top:50%;margin-top:-8px;
        }
      }
      ol{
        float:left;
        li{
          text-align:center;
          float:left;width:42px;line-height:42px;border:1px solid #b5b5b5;
          margin:0 3px;cursor:pointer;
          span{
            position:relative;top:-4px;
          }
          &:hover{
            background:#ff9b94;
          }
        }
      }
    }
  }
}